<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>新增商品 - 商品管理 - H-ui.admin v3.1</title>
    <meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>

<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-article-add" action="/goods/save.do" method="post">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>品牌名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" placeholder="请输入品牌名称" id="brandName" name="brandName">
                <input type="hidden" class="input-text" id="brandId" name="brandId">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">品牌类型：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span class="select-box">
                    <select class="select" id="brandType" name="brandType">
                        <option value="0">请选择</option>
                        <option value="1">国内</option>
                        <option value="2">国外</option>
                    </select>
				</span>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">品牌分类：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span class="select-box">
					<select name="categoryId" id="categoryId" class="select">
						<option value="1">分类1</option>
						<option value="2">分类2</option>
                        <option value="3">分类3</option>
					</select>
				</span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>链接地址：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" placeholder="请输入品牌的官网链接地址" id="siteUrl" name="siteUrl">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>排序值：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" placeholder="请输入品牌名称" id="sortOrl" name="sortOrl">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">品牌LOGO：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="uploader-thum-container">
                    <div id="fileList" class="uploader-list"></div>
                    <div id="filePicker">选择图片</div>
                    <button id="btn-star" class="btn btn-default btn-uploadstar radius ml-10">开始上传</button>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">品牌描述：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea id="brandDesc" name="brandDesc" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" datatype="*10-100" dragonfly="true"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button class="btn btn-secondary radius" type="submit"> <i class="Hui-iconfont">&#xe632;</i> 保存 </button>
                <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>

<script type="text/javascript">
    $(function () {
        var brandId = getParamForUrl("brandId");
        if (brandId != "" && brandId != undefined && brandId != "undefined") {
            initInfo(brandId);
        }
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        //表单验证
        $("#form-article-add").validate({
            rules: {
                goodsName: {
                    required: true,
                    minlength: 2,
                    maxlength: 60
                },
                sortOrl: {
                    required: true,
                    isNumber: true
                }
            },
            onkeyup: false,
            focusCleanup: true,
            success: "valid",
            submitHandler: function (form) {
                var index = parent.layer.getFrameIndex(window.name);
                $(form).ajaxSubmit({
                    type: 'post',
                    url: '../brandApi/saveBrandInfo.do',
                    async: true,
                    data: {
                        params: JSON.stringify($(form).serializeObject())
                    },
                    success: function (data) {
                        if (data.respData.respCode == 10000) {
                            if (data.respData.result == 1) {
                                layer.msg('信息保存成功!', {icon: 6, time: 2000});
                                parent.location.reload();
                                parent.layer.close(index);
                                // parent.$('.btn-refresh').click();
                            } else {
                                layer.msg('信息保存失败!', {icon: 6, time: 2000});
                            }
                        } else {
                            layer.msg(data.respData.respMsg, {icon: 6, time: 2000});
                            parent.location.reload();
                            // parent.$('.btn-refresh').click();
                        }
                    },
                    error: function (data) {
                        layer.msg('服务异常，请联系管理员处理!', {icon: 6, time: 3000});
                        parent.layer.close(index);
                    }
                });
            }
        });
    });
    //初始化表单数据
    function initInfo(brandId){
        var service = {};
        service.brandId = brandId;
        $.ajax({
            type: 'post',
            url: '../brandApi/queryBrandInfoById.do',
            async:true,
            data:{
                params:JSON.stringify(service)
            },
            success:function(data){
                if(data.respData.respCode == 10000){
                    var brandInfo = data.respData.result;
                    $("#brandId").val(brandInfo.brandId);
                    $("#brandName").val(brandInfo.brandName);
                    $("#brandType").val(brandInfo.brandType);
                    $("#categoryId").val(brandInfo.categoryId);
                    $("#brandLogo").val(brandInfo.brandLogo);
                    $("#siteUrl").val(brandInfo.siteUrl);
                    $("#sortOrl").val(brandInfo.sortOrl);
                    $("#brandDesc").val(brandInfo.brandDesc);
                }else{
                    layer.msg('未查询到数据!',{icon: 6,time:2000});
                }
            },
            error:function(data){
                layer.msg('服务异常，请联系管理员处理!',{icon: 6,time:3000});
            }
        });
    }

    $.fn.serializeObject = function() {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
            if (o[this.name]) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };

    function getParamForUrl(param) {
        var url = location.href;
        var i=url.indexOf('?');
        if(i==-1)return;
        var querystr=url.substr(i+1);
        var arr1=querystr.split('&');
        var arr2 = new Object();
        for  (i in arr1){
            var ta=arr1[i].split('=');
            arr2[ta[0]]=ta[1];
        }
        return arr2[param];
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>